<template>
  <div class="home">
    <nav-bar></nav-bar>
    <h1 class="title">搜索、记录、分享、交流面试经验</h1>
    <div class="module">
      <select-module v-for="item in moduleList" :title="item.title" :path="item.path"></select-module>
    </div>
  </div>

</template>

<script>
  // 公共组件
  import NavBar from "components/content/navBar/NavBar";

  // 子组件
  import SelectModule from "./childComps/SelectModule";

  export default {
    name: "Home",
    components: {
      NavBar,
      SelectModule
    },
    data() {
      return {
        moduleList: [
          {
            title: '搜职位面经',
            path: '/search/post'
          },
          {
            title: '搜公司面经',
            path: '/search/firm'
          },{
            title: '搜题库',
            path: '/search/questionModule'
          },
        ],
      }
    },
  }
</script>

<style scoped>
  .title {
    padding: 94px 0 30px 0;
    text-align: center;
    font-size: 45px;
    font-weight: 400;
    color: #021f53;
  }

  .module {
    width: 880px;
    margin: 0 auto;
  }

</style>
